home *** CD-ROM | disk | FTP | other *** search
/ Mac Easy 2010 May / Mac Life Ubuntu.iso / casper / filesystem.squashfs / usr / share / gimp / 2.0 / help / en / gimp-tool-hue-saturation.html < prev    next >
Encoding:
Extensible Markup Language  |  2008-05-03  |  12.0 KB  |  298 lines
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.   <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6.     <title>5.2.¬† Hue-Saturation</title>
  7.     <link rel="stylesheet" href="gimp-help-plain.css" type="text/css" />
  8.     <link rel="stylesheet" href="gimp-help-screen.css" type="text/css" />
  9.     <link rel="stylesheet" href="gimp-help-custom.css" type="text/css" />
  10.     <link rel="alternate stylesheet" href="gimp22.css" type="text/css" title="gimp22" />
  11.     <meta name="generator" content="DocBook XSL Stylesheets V1.73.2" />
  12.     <link rel="start" href="index.html" title="GNU Image Manipulation Program" />
  13.     <link rel="up" href="gimp-tools-color.html" title="5.¬† Color Tools" />
  14.     <link rel="prev" href="gimp-tools-color.html" title="5.¬† Color Tools" />
  15.     <link rel="next" href="gimp-tool-colorize.html" title="5.3.¬† Colorize" />
  16.   </head>
  17.   <body>
  18.     <div class="navheader">
  19.       <table width="100%" summary="Navigation header">
  20.         <tr>
  21.           <th colspan="3" align="center">5.2.¬†
  22.     <span lang="en" xml:lang="en">Hue-Saturation</span>
  23.   </th>
  24.         </tr>
  25.         <tr>
  26.           <td width="20%" align="left"><a accesskey="p" href="gimp-tools-color.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  27.           <th width="60%" align="center">5.¬†
  28.     <span lang="en" xml:lang="en">Color Tools</span>
  29.   </th>
  30.           <td width="20%" align="right">¬†<a accesskey="n" href="gimp-tool-colorize.html"><img src="../images/next.png" alt="Next" /></a></td>
  31.         </tr>
  32.       </table>
  33.       <hr />
  34.     </div>
  35.     <div class="sect2" lang="en" xml:lang="en">
  36.       <div class="titlepage">
  37.         <div>
  38.           <div>
  39.             <h3 class="title"><a id="gimp-tool-hue-saturation"></a>5.2.¬†
  40.     <span lang="en" xml:lang="en">Hue-Saturation</span>
  41.   </h3>
  42.           </div>
  43.           <div>
  44.             <div class="revhistory">
  45.               <table border="1" width="100%" summary="Revision history">
  46.                 <tr>
  47.                   <th align="left" valign="top" colspan="3">
  48.                     <b>Revision History</b>
  49.                   </th>
  50.                 </tr>
  51.                 <tr>
  52.                   <td align="left">Revision $Revision: 2422 $</td>
  53.                   <td align="left">2008-01-14</td>
  54.                   <td align="left">j.h</td>
  55.                 </tr>
  56.               </table>
  57.             </div>
  58.           </div>
  59.         </div>
  60.       </div>
  61.       <a id="id2643778" class="indexterm"></a>
  62.       <a id="id2643791" class="indexterm"></a>
  63.       <p>
  64.     The Hue-Saturation tool is used to adjust hue, saturation and lightness
  65.     levels on a range of color weights for the selected area or active layer.
  66.   </p>
  67.       <div class="sect3" lang="en" xml:lang="en">
  68.         <div class="titlepage">
  69.           <div>
  70.             <div>
  71.               <h4 class="title"><a id="id2643808"></a>5.2.1.¬†
  72.       <span lang="en" xml:lang="en">Activate the Tool</span>
  73.     </h4>
  74.             </div>
  75.           </div>
  76.         </div>
  77.         <p>You can get to the Hue-Saturationtool in two ways :</p>
  78.         <div class="itemizedlist">
  79.           <ul type="disc">
  80.             <li>
  81.               <p>
  82.           In the the image-menu through:
  83.           <span class="guimenu"><span class="accel">T</span>ools</span> ‚Üí <span class="guisubmenu"><span class="accel">C</span>olor Tools</span> ‚Üí <span class="guimenuitem">Hue- <span class="accel">S</span>aturation</span>, or
  84.           <span class="guimenu">Colors</span> ‚Üí <span class="guimenuitem">Hue-Saturation</span>
  85.         </p>
  86.             </li>
  87.             <li>
  88.               <p>
  89.           By clicking the tool icon:
  90.           <span class="guiicon">
  91.             <span class="inlinemediaobject"><img src="../images/toolbox/stock-tool-hue-saturation-22.png" /></span>
  92.           </span>
  93.           in Toolbox, provided that you have installed color tools in Toolbox.
  94.           For this, go to
  95.           <a class="link" href="gimp-dialogs-misc.html#gimp-tools-dialog" title="5.1.¬† Tools Dialog">Tools Dialog</a>.
  96.         </p>
  97.             </li>
  98.           </ul>
  99.         </div>
  100.       </div>
  101.       <div class="sect3" lang="en" xml:lang="en">
  102.         <div class="titlepage">
  103.           <div>
  104.             <div>
  105.               <h4 class="title"><a id="id2643920"></a>5.2.2.¬†
  106.       <span lang="en" xml:lang="en">Options</span>
  107.     </h4>
  108.             </div>
  109.           </div>
  110.         </div>
  111.         <div class="figure">
  112.           <a id="id2643931"></a>
  113.           <p class="title">
  114.             <b>Figure¬†13.119.¬†
  115.         <span lang="en" xml:lang="en">Hue-Saturation tool options</span>
  116.       </b>
  117.           </p>
  118.           <div class="figure-contents">
  119.             <div class="mediaobject">
  120.               <img src="../images/toolbox/tools-hue-sat.png" alt="Hue-Saturation tool options" />
  121.             </div>
  122.           </div>
  123.         </div>
  124.         <br class="figure-break" />
  125.         <div class="variablelist">
  126.           <dl>
  127.             <dt>
  128.               <span class="term">Select Primary Color to Adjust</span>
  129.             </dt>
  130.             <dd>
  131.               <p>
  132.             You can choose, between six, the three primary colors (Red,
  133.             Green and Blue) and the three complementary colors (Cyan,
  134.             Magenta and Yellow), the color to be modified. They are
  135.             arranged according to the color circle. When hue increases, hue
  136.             goes counter-clockwise. When it decreases, it goes clockwise. If
  137.             you click on the <span class="guilabel">Master</span> button, all colors
  138.             will be concerned with changes. GIMP standard is to set Red as 0.
  139.             Note that this colors refer to color ranges and not to color
  140.             channels.
  141.           </p>
  142.               <p>
  143.             Hue changes are shown in color swatches and the result is visible
  144.             in the image if the ‚Äú<span class="quote">Preview</span>‚Äù option is enabled.
  145.           </p>
  146.             </dd>
  147.             <dt>
  148.               <span class="term">Overlap</span>
  149.             </dt>
  150.             <dd>
  151.               <p>
  152.             This slider lets you set how much color ranges will overlap. This
  153.             effect is very subtle and works on very next colors only:
  154.           </p>
  155.               <div class="figure">
  156.                 <a id="id2644027"></a>
  157.                 <p class="title">
  158.                   <b>Figure¬†13.120.¬†
  159.               <span lang="en" xml:lang="en">
  160.                 Example for the ‚Äú<span class="quote">Overlap</span>‚Äù option
  161.               </span>
  162.             </b>
  163.                 </p>
  164.                 <div class="figure-contents">
  165.                   <div class="mediaobject">
  166.                     <img src="../images/toolbox/hue-sat-overlap-1.png" alt="Example for the Overlap option" />
  167.                     <div class="caption">
  168.                       <p>
  169.                   <span class="emphasis"><em>Original image</em></span>. From the
  170.                   left to the right: a reddish yellow (255;240;0); a pure
  171.                   yellow (255;255;0); a greenish yellow (240;255;0).
  172.                 </p>
  173.                     </div>
  174.                   </div>
  175.                   <div class="mediaobject">
  176.                     <img src="../images/toolbox/hue-sat-overlap-2.png" alt="Example for the Overlap option" />
  177.                     <div class="caption">
  178.                       <p>
  179.                   <span class="emphasis"><em>Overlap = 0</em></span>. Hue = 15.
  180.                   Colors become (186;255;1), (168;255,1), (156,255,1).
  181.                 </p>
  182.                     </div>
  183.                   </div>
  184.                   <div class="mediaobject">
  185.                     <img src="../images/toolbox/hue-sat-overlap-3.png" alt="Example for the Overlap option" />
  186.                     <div class="caption">
  187.                       <p>
  188.                   <span class="emphasis"><em>Overlap = 100</em></span>. Hue = 15.
  189.                   Colors become (192;255;1), (168;255;1), (162;255;1).
  190.                   Because of overlap, greenish is less green and reddish is
  191.                   less red.
  192.                 </p>
  193.                     </div>
  194.                   </div>
  195.                 </div>
  196.               </div>
  197.               <br class="figure-break" />
  198.             </dd>
  199.             <dt>
  200.               <span class="term">Adjust Selected Color</span>
  201.             </dt>
  202.             <dd>
  203.               <div class="itemizedlist">
  204.                 <ul type="disc">
  205.                   <li>
  206.                     <p>
  207.                 <span class="guilabel">Hue</span>
  208.                 : The slider and the input box allow you to select a hue in
  209.                 the color circle (-180, 180).
  210.               </p>
  211.                   </li>
  212.                   <li>
  213.                     <p>
  214.                 <span class="guilabel">Lightness</span>
  215.                 : The slider and the input box allow you to select a value
  216.                 (luminosity): -100, 100.
  217.               </p>
  218.                     <div class="note" style="margin-left: 0.5in; margin-right: 0.5in;">
  219.                       <table border="0" summary="Note">
  220.                         <tr>
  221.                           <td rowspan="2" align="center" valign="top" width="25">
  222.                             <img alt="[Note]" src="../images/note.png" />
  223.                           </td>
  224.                           <th align="left">Note</th>
  225.                         </tr>
  226.                         <tr>
  227.                           <td align="left" valign="top">
  228.                             <p>
  229.                   Lightness changes here concern a color range, while they
  230.                   concern a color tone with Curves and Levels tools, which
  231.                   work on color channels. If you change the Yellow lightness
  232.                   with Hue-Saturation, all yellow pixels will be changed,
  233.                   while only dark, bright or medium pixels luminosity will
  234.                   be changed with Curves or Levels tools.
  235.                 </p>
  236.                           </td>
  237.                         </tr>
  238.                       </table>
  239.                     </div>
  240.                   </li>
  241.                   <li>
  242.                     <p>
  243.                 <span class="guilabel">Saturation</span>
  244.                 : The slider and the input box allow you to select a
  245.                 saturation: -100, 100.
  246.               </p>
  247.                   </li>
  248.                 </ul>
  249.               </div>
  250.               <p>
  251.             The <span class="guilabel">Initialize Color</span>
  252.             button deletes changes to hue, lightness and saturation of the
  253.             selected color.
  254.           </p>
  255.             </dd>
  256.             <dt>
  257.               <span class="term">Preview</span>
  258.             </dt>
  259.             <dd>
  260.               <p>
  261.             The Preview button makes all changes dynamically so that they can
  262.             be viewed straight away.
  263.           </p>
  264.             </dd>
  265.           </dl>
  266.         </div>
  267.       </div>
  268.     </div>
  269.     <div class="navfooter">
  270.       <hr />
  271.       <table width="100%" summary="Navigation footer">
  272.         <tr>
  273.           <td width="40%" align="left"><a accesskey="p" href="gimp-tools-color.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  274.           <td width="20%" align="center">
  275.             <a accesskey="u" href="gimp-tools-color.html">
  276.               <img src="../images/up.png" alt="Up" />
  277.             </a>
  278.           </td>
  279.           <td width="40%" align="right">¬†<a accesskey="n" href="gimp-tool-colorize.html"><img src="../images/next.png" alt="Next" /></a></td>
  280.         </tr>
  281.         <tr>
  282.           <td width="40%" align="left" valign="top"><a accesskey="p" href="gimp-tools-color.html">5.¬†
  283.     <span lang="en" xml:lang="en">Color Tools</span>
  284.   </a>¬†</td>
  285.           <td width="20%" align="center">
  286.             <a accesskey="h" href="index.html">
  287.               <img src="../images/home.png" alt="Home" />
  288.             </a>
  289.           </td>
  290.           <td width="40%" align="right" valign="top">¬†<a accesskey="n" href="gimp-tool-colorize.html">5.3.¬†
  291.     <span lang="en" xml:lang="en">Colorize</span>
  292.   </a></td>
  293.         </tr>
  294.       </table>
  295.     </div>
  296.   </body>
  297. </html>
  298.